<!DOCTYPE html>
<html lang="en">
<head>
    <title>人事管理系统——修改员工</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
    <meta http-equiv="description" content="This is my page" />
    <link href="/hrm/css/css.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/hrm/js/ligerUI/skins/Aqua/css/ligerui-dialog.css"/>
    <link href="/hrm/js/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/hrm/js/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="/hrm/js/jquery-migrate-1.2.1.js"></script>
    <script src="/hrm/js/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="/hrm/js/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
    <script src="/hrm/js/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <script src="/hrm/js/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
    <link href="/hrm/css/pager.css" type="text/css" rel="stylesheet" />
    <script src="/hrm/js/dayjs.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" src="/hrm/js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">
        $(function(){
            getJobs();
            getDepts();
            function getJobs(){
                $.ajax({
                    url:"/hrm/job/getJobListAll",
                    type:"POST",
                    dataType:"JSON",
                    success:function(res){
                        if(res){
                            let html = '<option value="">--请选择职位--</option>';
                            for (let i = 0; i < res.length; i++) {
                                let job = res[i];
                                html+=' <option value="'+job.id+'">'+job.name+'</option>';
                            }
                            $("#job_id").html(html);
                        }
                    }
                })
            }
            function getDepts(){
                $.ajax({
                    url:"/hrm/dept/getDeptListAll",
                    type:"POST",
                    dataType:"JSON",
                    success:function(res){
                        if(res){
                            let html = '<option value="">--请选择职位--</option>';
                            for (let i = 0; i < res.length; i++) {
                                let dept = res[i];
                                html+=' <option value="'+dept.id+'">'+dept.name+'</option>';
                            }
                            $("#dept_id").html(html);
                        }
                    }
                })
            }
            getEmployee();
            function getEmployee(){
                $.ajax({
                    url:"/hrm/employee/getEmployeeById",
                    data:{"id":getUrlParant("id")},
                    type:"POST",
                    dataType:"JSON",
                    success:function(res){
                        if(res){
                            $("input[name='id']").val(res.id);
                            $("input[name='name']").val(res.name);
                            $("input[name='cardId']").val(res.cardId);
                            $("#sex").val(res.sex);
                            $("#job_id").val(res.job.id);
                            $("#education").val(res.education);
                            $("#email").val(res.email);
                            $("#phone").val(res.phone);
                            $("#tel").val(res.tel);
                            $("#party").val(res.party);
                            $("#qqNum").val(res.qqNum);
                            $("#address").val(res.address);
                            $("#postCode").val(res.postCode);
                            $("#birthday").val(dayjs(res.birthday).format('YYYY-MM-DD'));
                            $("#race").val(res.race);
                            $("#speciality").val(res.speciality);
                            $("#hobby").val(res.hobby);
                            $("#remark").val(res.remark);
                            $("#dept_id").val(res.dept.id);
                        }
                    }
                });
            }

            $("#reset").click(function(){
                window.location = "/hrm/employee/selectEmployee";
            });
            function getUrlParant(paramName){
                if(!paramName){
                    return null;
                }
                var reg = new RegExp("(^|&)" + paramName + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
                var r = window.location.search.substr(1).match(reg); //匹配目标参数
                if (r != null){
                    return unescape(r[2]);
                }
                return null; //返回参数值
            }
            /** 员工表单提交 */
            $("#employeeForm").submit(function(){

                var name = $("#name");
                var cardId = $("#cardId");
                var education = $("#education");
                var email = $("#email");
                var phone = $("#phone");
                var tel = $("#tel");
                var party = $("#party");
                var qqNum = $("#qqNum");
                var address = $("#address");
                var postCode = $("#postCode");
                var birthday = $("#birthday");
                var race = $("#race");
                var speciality = $("#speciality");
                var hobby = $("#hobby");
                var msg = "";
                if ($.trim(name.val()) == ""){
                    msg = "姓名不能为空！";
                    name.focus();
                }else if ($.trim(cardId.val()) == ""){
                    msg = "身份证号码不能为空！";
                    cardId.focus();
                }else if (!/^[1-9]\d{16}[0-9A-Za-z]$/.test($.trim(cardId.val()))){
                    msg = "身份证号码格式不正确！";
                    cardId.focus();
                }else if ($.trim(education.val()) == ""){
                    msg = "学历不能为空！";
                    education.focus();
                }else if ($.trim(email.val()) == ""){
                    msg = "邮箱不能为空！";
                    email.focus();
                }else if (!/^\w+@\w{2,3}\.\w{2,6}$/.test($.trim(email.val()))){
                    msg = "邮箱格式不正确！";
                    email.focus();
                }else if ($.trim(phone.val()) == ""){
                    msg = "手机号码不能为空！";
                    phone.focus();
                }else if (!/^1[3|5|8]\d{9}$/.test($.trim(phone.val()))){
                    msg = "手机号码格式不正确！";
                    phone.focus();
                }else if ($.trim(tel.val()) == ""){
                    msg = "电话号码不能为空！";
                    tel.focus();
                }else if (!/^0\d{2,3}-?\d{7,8}$/.test($.trim(tel.val()))){
                    msg = "电话号码格式不正确！";
                    tel.focus();
                }else if ($.trim(party.val()) == ""){
                    msg = "政治面貌不能为空！";
                    party.focus();
                }else if ($.trim(qqNum.val()) == ""){
                    msg = "QQ号码不能为空！";
                    qqNum.focus();
                }else if (!/^\d{6,}$/.test($.trim(qqNum.val()))){
                    msg = "QQ号码格式不正确！";
                    qqNum.focus();
                }else if ($.trim(address.val()) == ""){
                    msg = "地址不能为空！";
                    address.focus();
                }else if ($.trim(postCode.val()) == ""){
                    msg = "邮政编码不能为空！";
                    postCode.focus();
                }else if (!/^[1-9]\d{5}$/.test($.trim(postCode.val()))){
                    msg = "邮政编码格式不正确！";
                    postCode.focus();
                }else if ($.trim(birthday.val()) == ""){
                    msg = "出生日期不能为空！";
                    birthday.focus();
                }else if (!birthday.val()){
//					!/^\d{4}-\d{2}-\d{2}$/.test($.trim(birthday.val()))
                    msg = "出生日期格式不正确！";
                    birthday.focus();
                }else if ($.trim(race.val()) == ""){
                    msg = "民族不能为空！";
                    race.focus();
                }else if ($.trim(speciality.val()) == ""){
                    msg = "专业不能为空！";
                    speciality.focus();
                }else if ($.trim(hobby.val()) == ""){
                    msg = "爱好不能为空！";
                    hobby.focus();
                }
                if (msg != ""){
                    $.ligerDialog.error(msg);
                    return false;
                }else{
                    return true;
                }
                $("#employeeForm").submit();
            });
        });


    </script>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr><td height="10"></td></tr>
    <tr>
        <td width="15" height="32"><img src="/hrm/images/main_locleft.gif" width="15" height="32"></td>
        <td class="main_locbg font2"><img src="/hrm/images/pointer.gif">&nbsp;&nbsp;&nbsp;当前位置：员工管理  &gt; 修改员工</td>
        <td width="15" height="32"><img src="/hrm/images/main_locright.gif" width="15" height="32"></td>
    </tr>
</table>
<table width="100%" height="90%" border="0" cellpadding="5" cellspacing="0" class="main_tabbor">
    <tr valign="top">
        <td>
            <form action="/hrm/employee/updateEmployee" id="employeeForm" method="post">
                <!-- 隐藏表单，flag表示添加标记 -->
                <input type="hidden" name="flag" value="2">
                <input type="hidden" name="id" value="${employee.id }">
                <table width="100%" border="0" cellpadding="0" cellspacing="10" class="main_tab">
                    <tr><td class="font3 fftd">
                        <table>
                            <tr>
                                <td class="font3 fftd">姓名：<input type="text" name="name" id="name" size="20" value="${employee.name }"/></td>
                                <td class="font3 fftd">身份证号码：<input type="text" name="cardId" id="cardId" size="20" value="${employee.cardId }"/></td>
                            </tr>
                            <tr>
                                <td class="font3 fftd">性别：
                                    <select id="sex" name="sex" style="width:143px;">
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>
                                </td>
                                <td class="font3 fftd">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位：
                                    <select id="job_id" name="job_id" style="width:143px;">
<!--                                        <c:forEach items="${requestScope.jobs }" var="job">-->
<!--                                            <option value="${job.id }">${job.name }</option>-->
<!--                                        </c:forEach>-->
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="font3 fftd">学历：<input name="education" id="education" size="20" value="${employee.education }"/></td>
                                <td class="font3 fftd">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：<input name="email" id="email" size="20" value="${employee.email }"/></td>
                            </tr>
                            <tr>
                                <td class="font3 fftd">手机：<input name="phone" id="phone" size="20" value="${employee.phone }"/></td>
                                <td class="font3 fftd">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：<input name="tel" id="tel" size="20" value="${employee.tel }"/></td>
                            </tr>

                        </table>
                    </td></tr>
                    <tr><td class="main_tdbor"></td></tr>

                    <tr>
                        <td class="font3 fftd">
                            政治面貌：<input name="party" id="party" size="40" value="${employee.party }"/>&nbsp;&nbsp;
                            QQ&nbsp;&nbsp;号码：<input name="qqNum" id="qqNum" size="20" value="${employee.qqNum }"/>
                        </td>
                    </tr>
                    <tr><td class="main_tdbor"></td></tr>

                    <tr>
                        <td class="font3 fftd">
                            联系地址：<input name="address" id="address" size="40" value="${employee.address }"/>&nbsp;&nbsp;
                            邮政编码：<input name="postCode" id="postCode" size="20" value="${employee.postCode }"/>
                        </td>
                    </tr>
                    <tr><td class="main_tdbor"></td></tr>

                    <tr>
                        <td class="font3 fftd">
                            出生日期：<input cssClass="Wdate" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'});"
                                            name="birthday" id="birthday" size="40"/>&nbsp;&nbsp;
                            民&nbsp;&nbsp;&nbsp;&nbsp;族：<input name="race" id="race" size="20" value="${employee.race }"/>
                        </td>
                    </tr>
                    <tr><td class="main_tdbor"></td></tr>

                    <tr>
                        <td class="font3 fftd">
                            所学专业：<input  name="speciality" id="speciality" size="40" value="${employee.speciality }"/>&nbsp;&nbsp;
                            爱&nbsp;&nbsp;&nbsp;&nbsp;好：<input name="hobby" id="hobby" size="20" value="${employee.hobby }"/>
                        </td>
                    </tr>
                    <tr><td class="main_tdbor"></td></tr>

                    <tr>
                        <td class="font3 fftd">
                            备&nbsp;&nbsp;&nbsp;&nbsp;注：<input name="remark" id="remark" size="40" value="${employee.remark }"/>
                            &nbsp;&nbsp;所属部门：
                            <select  name="dept_id" style="width:100px;" id="dept_id">

                            </select>
                        </td>
                    </tr>
                    <tr><td class="main_tdbor"></td></tr>

                    <tr><td align="left" class="fftd"><input type="submit" value="修改">&nbsp;&nbsp;<input type="button"  id="reset" value="取消 "></td></tr>
                </table>
            </form>
        </td>
    </tr>
</table>
<div style="height:10px;"></div>
</body>
</html>